import QtQuick 2.2
/*
* PropertyChanges 中的 restoreEntry 和 explicit两个属性的用法
* restoreEntryValues: 本例子在点击后，如果这个属性为false 则会一直保持改变后的状态
* explicit: 本例子在进行拉抻时，如果这个属性为true，则图形的宽度不会随之改变，这个属性默认的值为false
*/

Rectangle {
	width: 360;
	height: 240;
	color: "#EEEEEE";
	id: rootItem;

	Rectangle {
		id: rect;
		color: "blue";
		width: 200;
		height: 200;
		anchors.centerIn: parent;

		MouseArea {
			id: mouseArea;
			anchors.fill: parent;
		}

		states: [
			State {
				name: "resetWidth";
				when: mouseArea.pressed;
				PropertyChanges {
					target: rect;
					restoreEntryValues: false;
					explicit: true;
					color: "red";
					width: parent.width;
				}
			}
		]
	}
}
